<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
    <meta charset="utf-8"/>
    <script src="/static/order/trade/js/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/order/trade/css/JD2.css"/>

    <title>订单确认页</title>
</head>

<body>
<!--顶部-->
<header>
    <div class="header">
        <ul class="header-left">
            <li>
                <img src="/static/order/trade/img/header_1.png"/>
                <a href="http://gulimall.com">谷粒商城首页</a>
            </li>
            <li class="header-l-2">
                <i class="fa fa-map-marker" style="color: #5C5452;"></i>
                <a href="/static/order/trade/">北京</a>
                <div class="header-l-d">

                    <ul>
                        <li><a href="/static/order/trade/" style="background: red; color: white;">北京</a></li>
                        <li><a href="/static/order/trade/">山西</a></li>
                        <li><a href="/static/order/trade/">内蒙古</a></li>
                        <li><a href="/static/order/trade/">福建</a></li>
                        <li><a href="/static/order/trade/">江西</a></li>
                        <li><a href="/static/order/trade/">西藏</a></li>
                        <li><a href="/static/order/trade/">新疆</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/trade/">上海</a></li>
                        <li><a href="/static/order/trade/">河南</a></li>
                        <li><a href="/static/order/trade/">江苏</a></li>
                        <li><a href="/static/order/trade/">湖北</a></li>
                        <li><a href="/static/order/trade/">四川</a></li>
                        <li><a href="/static/order/trade/">陕西</a></li>
                        <li><a href="/static/order/trade/">港澳</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/trade/">天津</a></li>
                        <li><a href="/static/order/trade/">辽宁</a></li>
                        <li><a href="/static/order/trade/">山东</a></li>
                        <li><a href="/static/order/trade/">湖南</a></li>
                        <li><a href="/static/order/trade/">海南</a></li>
                        <li><a href="/static/order/trade/">甘肃</a></li>
                        <li><a href="/static/order/trade/">台湾</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/trade/">重庆</a></li>
                        <li><a href="/static/order/trade/">吉林</a></li>
                        <li><a href="/static/order/trade/">安徽</a></li>
                        <li><a href="/static/order/trade/">广东</a></li>
                        <li><a href="/static/order/trade/">贵州</a></li>
                        <li><a href="/static/order/trade/">青岛</a></li>
                        <li><a href="/static/order/trade/">钓鱼岛</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/trade/">河北</a></li>
                        <li><a href="/static/order/trade/">黑龙江</a></li>
                        <li><a href="/static/order/trade/">浙江</a></li>
                        <li><a href="/static/order/trade/">广西</a></li>
                        <li><a href="/static/order/trade/">云南</a></li>
                        <li><a href="/static/order/trade/">宁夏</a></li>
                        <li><a href="/static/order/trade/">海外</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <ul class="header-right">
            <li>
                <a>欢迎：[[${session.loginUser.nickname}]] <img src="/static/order/trade/img/03.png"
                                                             style="margin-bottom: 0px;margin-left3: 3px;"/><img
                        src="/static/order/trade/img/06.png"/></a>
            </li>
            <li class="spacer"></li>
            <li><a href="/static/order/trade/">我的订单</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/trade/">我的谷粒学院</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-11">
                    <div>
                        <ol>
                            <dd><a href="/static/order/trade/">待处理订单</a></dd>
                            <dd><a href="/static/order/trade/">返修退换货</a></dd>
                            <dd><a href="/static/order/trade/">降价商品</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">消息</a></dd>
                            <dd><a href="/static/order/trade/">我的问答</a></dd>
                            <dd><a href="/static/order/trade/">我的关注</a></dd>

                        </ol>

                    </div>
                    <div>
                        <ol>
                            <dd><a href="/static/order/trade/">我的京豆</a></dd>
                            <dd><a href="/static/order/trade/">我的白条</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">我的优惠劵</a></dd>
                            <dd><a href="/static/order/trade/">我的理财</a></dd>
                        </ol>

                    </div>
                    <div>
                        <h4><a href="/static/order/trade/">我的足迹</a><a href="/static/order/trade/">更多 ></a></h4>
                        <a href="/static/order/trade/"><img src="/static/order/trade/image/59ae02fcN529cc4a1.jpg"/></a>
                        <a href="/static/order/trade/"><img src="/static/order/trade/image/59ce706fN6f3f2a4a.jpg"/></a>
                        <a href="/static/order/trade/"><img src="/static/order/trade/image/57b191f2N15993cbb.jpg"/></a>
                        <a href="/static/order/trade/"><img src="/static/order/trade/image/58ff269fN7b7e087b.jpg"/></a>

                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li><a href="/static/order/trade/">谷粒学院会员</a></li>
            <li class="spacer"></li>
            <li><a href="/static/order/trade/">企业采购</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/trade/">客户服务</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-2">
                    <div>
                        <h4>客户</h4>
                        <ol>

                            <dd><a href="/static/order/trade/">帮助中心</a></dd>
                            <dd><a href="/static/order/trade/">在线客服</a></dd>
                            <dd><a href="/static/order/trade/">电话客服</a></dd>
                            <dd><a href="/static/order/trade/">金融咨询</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/order/trade/">售后服务</a></dd>
                            <dd><a href="/static/order/trade/">意见建议</a></dd>
                            <dd><a href="/static/order/trade/">客服邮箱</a></dd>
                            <dd><a href="/static/order/trade/">售全球客服</a></dd>
                        </ol>
                    </div>
                    <div>
                        <h4>商户</h4>
                        <ol>

                            <dd><a href="/static/order/trade/">合作招商</a></dd>
                            <dd><a href="/static/order/trade/">商家后台</a></dd>
                            <dd><a href="/static/order/trade/">商家帮助</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/order/trade/">学习中心</a></dd>
                            <dd><a href="/static/order/trade/">京麦工作台</a></dd>
                            <dd><a href="/static/order/trade/">规则平台</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/trade/">网址导航</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-3">
                    <div>
                        <h4>特色主题</h4>
                        <ol>
                            <dd><a href="/static/order/trade/">谷粒学院试用</a></dd>
                            <dd><a href="/static/order/trade/">国际站</a></dd>
                            <dd><a href="/static/order/trade/">买什么</a></dd>
                            <dd><a href="/static/order/trade/">0元评测</a></dd>
                            <dd><a href="/static/order/trade/">优惠劵</a></dd>
                            <dd><a href="/static/order/trade/">印尼站</a></dd>
                            <dd><a href="/static/order/trade/">陪伴计划</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">谷粒学院金融</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院会员</a></dd>
                            <dd><a href="/static/order/trade/">俄语站</a></dd>
                            <dd><a href="/static/order/trade/">定期送</a></dd>
                            <dd><a href="/static/order/trade/">秒杀</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院金融科技</a></dd>
                            <dd><a href="/static/order/trade/">出海招商</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">全球售</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院预售</a></dd>
                            <dd><a href="/static/order/trade/">装机大师</a></dd>
                            <dd><a href="/static/order/trade/">港澳售</a></dd>
                            <dd><a href="/static/order/trade/">闪购</a></dd>
                            <dd><a href="/static/order/trade/">In货推荐</a></dd>
                        </ol>

                    </div>

                    <div>
                        <h4>行业推荐</h4>
                        <ol>
                            <dd><a href="/static/order/trade/">手机</a></dd>
                            <dd><a href="/static/order/trade/">玩3C</a></dd>
                            <dd><a href="/static/order/trade/">家用电器</a></dd>
                            <dd><a href="/static/order/trade/">服装城</a></dd>
                            <dd><a href="/static/order/trade/">家装城</a></dd>
                            <dd><a href="/static/order/trade/">食品</a></dd>
                            <dd><a href="/static/order/trade/">农资频道</a></dd>
                            <dd><a href="/static/order/trade/">图书</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">智能数码</a></dd>
                            <dd><a href="/static/order/trade/">电脑办公</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院智能</a></dd>
                            <dd><a href="/static/order/trade/">美妆馆</a></dd>
                            <dd><a href="/static/order/trade/">母婴</a></dd>
                            <dd><a href="/static/order/trade/">运动户外</a></dd>
                            <dd><a href="/static/order/trade/">整车</a></dd>
                        </ol>
                    </div>


                    <div>
                        <h4>生活服务</h4>
                        <ol>
                            <dd><a href="/static/order/trade/">谷粒学院众筹</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院金融App</a></dd>
                            <dd><a href="/static/order/trade/">理财</a></dd>
                            <dd><a href="/static/order/trade/">话费</a></dd>
                            <dd><a href="/static/order/trade/">彩票</a></dd>
                            <dd><a href="/static/order/trade/">机票酒店</a></dd>
                            <dd><a href="/static/order/trade/">酒店到家</a></dd>
                            <dd><a href="/static/order/trade/">游戏</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">白条</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院小金库</a></dd>
                            <dd><a href="/static/order/trade/">智能家电</a></dd>
                            <dd><a href="/static/order/trade/">水电煤</a></dd>
                            <dd><a href="/static/order/trade/">旅行</a></dd>
                            <dd><a href="/static/order/trade/">电影票</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院众测</a></dd>
                        </ol>
                    </div>


                    <div>
                        <h4>更多精选</h4>
                        <ol>
                            <dd><a href="/static/order/trade/">合作招商</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院E卡</a></dd>
                            <dd><a href="/static/order/trade/">服务市场</a></dd>
                            <dd><a href="/static/order/trade/">乡村招募</a></dd>
                            <dd><a href="/static/order/trade/">京友邦</a></dd>
                            <dd><a href="/static/order/trade/">智能社区</a></dd>
                            <dd><a href="/static/order/trade/">知识产权维权</a></dd>


                        </ol>
                        <ol>
                            <dd><a href="/static/order/trade/">谷粒学院通信</a></dd>
                            <dd><a href="/static/order/trade/">企业采购</a></dd>
                            <dd><a href="/static/order/trade/">办公生活馆</a></dd>
                            <dd><a href="/static/order/trade/">校园加盟</a></dd>
                            <dd><a href="/static/order/trade/">谷粒学院社区</a></dd>
                            <dd><a href="/static/order/trade/">游戏社区</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li class="header-r-4"><a href="/static/order/trade/">手机谷粒学院</a>
                <div class="aa h-r-1">
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/trade/img/59a51bf6Nb8e478cc.png"/>
                        </div>
                        <h4><a href="/static/order/trade/">手机谷粒学院</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/trade/img/5874a54dNcec29924.jpg"/>
                        </div>
                        <h4><a href="/static/order/trade/">关注谷粒学院微信</a></h4>
                        <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                        <!--                        <div class="h-r-1img2">-->
                        <!--                            <a href="/static/order/trade/"><img src="/static/order/trade/image/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>-->
                        <!--                            <a href="/static/order/trade/"><img src="/static/order/trade/image/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>-->
                        <!--                            <a href="/static/order/trade/"><img src="/static/order/trade/image/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>-->
                        <!--                        </div>-->
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/trade/img/5874a555Ne8192324.jpg"/>
                        </div>
                        <h4><a href="/static/order/trade/">谷粒学院金融客户端</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/trade/"><img
                                    src="/static/order/trade/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div style="clear: both;"></div>
    </div>
</header>

<!--logo图片-->
<div class="top-1">
    <img src="/static/order/trade/img/logo1.jpg" class="img1"/>
    <!--	<span>结算页</span>-->
    <!--右侧绿色-->
    <img src="/static/order/trade/img/08.png" class="img2"/>
</div>


<!--主体部分-->
<p class="p1">填写并核对订单信息</p>
<div class="section">
    <!--收货人信息-->
    <div class="top-2">
        <span>收货人信息</span>
        <span>新增收货地址</span>
    </div>

    <!--地址-->
    <div class="top-3 addr-item" th:each="addr:${trade.address}">
        <p th:attr="def=${addr.defaultStatus} ,addrId=${addr.id}" th:text="${addr.type}">家里</p><span>[[${addr.name}]]  [[${addr.province}]]-[[${addr.city}]]-[[${addr.region}]]-[[${addr.detailAddress}]]  [[${addr.phone}]]</span>
    </div>
    <p class="p2">更多地址︾</p>
    <hr>
    <div class="hh1"/>
</div>
<!--********************************************************************************************-->
<!--谷粒学院自提-->
<!--<div class="top-4">-->
<!--    <p>谷粒学院自提</p>-->
<!--    <p>省运费·无续重·随时取</p>-->
<!--    <p class="xiang">详情</p>-->
<!--</div>-->

<!--&lt;!&ndash;地址&ndash;&gt;-->
<!--<div class="top-5">-->
<!--    <p>北京昌平区</p><span>北京市  昌平区城区晨曦小区-16号楼 吉利大学  齐天大圣 150****2245</span><img src="/static/order/trade/img/09.png"/><span>距收货人0米</span>-->
<!--    <p class="p3">距离最近</p><span class="xiu">修改自提点</span>-->
<!--</div>-->
<!--<div class="hh1"/>-->


<h4 class="h4">支付方式</h4>

<div class="top-6">
    <p>货到付款</p>
    <p><span>惠</span>在线支付</p>
</div>
<div class="hh1"></div>
<hr style="background: #E3E4E5;">
<!--送货清单-->
<h4 class="h4" style="margin-top: 5px;">送货清单</h4>
<div class="top_1">
    <div class="to_left">
        <h5><span class="peisong">配送方式</span><span class="dui"><img src="/static/order/trade/img/i_03.png"/> 对应商品</span>
        </h5>
        <div class="box">
            谷粒学院快递
        </div>
        <p class="biao">
            <span class="til">标 准 达 ：</span>
            <span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
            <a href="/static/order/trade/#">修改</a>
        </p>
        <div class="updata-1">
            <img src="/static/order/trade/img/im_06.png"/>
            <span>京准达 标准达</span>
            <span style="color: black;"> 配送服务全面升级</span>
        </div>
        <div class="hh1"></div>
        <p class="tui">
            <span class="til">退换无忧：</span>
            <span class="con">
							<input type="checkbox"/>
							自签收后7天内退货，15天内换<span style="font-size: 12px;margin-left: 5px"> ￥ 0.50</span><br/>
						<span class="nul">货，</span>可享1次上门取件服务 ﹀
						</span>

        <div class="updata-2">
            <img src="/static/order/trade/img/im_11.png"/>
            <span>京准达运费大促（限自营中小件）</span>
        </div>

        <p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span
                style="color:#999999;font-size: 12px">0.095kg</span></p>
    </div>
    <div class="to_right">
        <div th:each="item:${trade.items}">
            <h5>商家：谷粒学院自营</h5>
            <div>
                <button>换购</button>
                <span>已购满20.00元，再加49.90元，可返回购物车领取赠品</span></div>
            <!--图片-->
            <div class="yun1">
                <img th:src="${item.skuDefaultImg}" class="yun"/>
                <div class="mi">
                    <p> [[${item.skuTitle}]]
                        <span style="color: red;"> ￥ [[${#numbers.formatDecimal(item.price,1,'COMMA',2,'POINT')}]]</span>
                        <span th:text="'x'+${item.count}"> x1 </span>
                        <span>有货</span>
                    </p>
                    <p> 0.095kg</p>
                    <p class="tui-1"><img src="/static/order/trade/img/i_07.png"/>支持7天无理由退货</p>
                </div>
            </div>
            <div class="hh1"></div>
            <p>退换无忧 <span class="money">￥ 0.00</span></p>
            <hr style="background: #999999;height: 1px">
        </div>
    </div>
</div>
<div class="bto">
    <div class="hh2"></div>
    <h4 class="float">发票信息</h4>
    <div class="note float"><img src="/static/order/trade/img/i_11.png"/> <span>开企业抬头发票须填写纳税人识别号，以免影响报销</span></div>
    <ul style="clear: both;">
        <li>电子普通发票 <img src="/static/order/trade/img/i_14.png"/></li>
        <li>个人</li>
        <li>商品明细</li>
        <li>
            <a href="/static/order/trade/">修改</a>
        </li>
    </ul>
    <div class="hh3"></div>
    <h4 class="clear">使用优惠/礼品卡/抵用 ^</h4>
    <ul>
        <li class="red">优惠卡</li>
        <li>礼品卡</li>
        <li>京豆</li>
        <li>余额</li>
        <li>领奖码</li>
    </ul>
    <div class="tuijian clear">
        <input type="checkbox"/>
        <span>优惠组合推荐</span>
    </div>
</div>
<div class="xia">
    <div class="qian">
        <p class="qian_y">
            <span th:text="${trade.countNum}">1</span>
            <span>件商品，总商品金额：</span>
            <span class="rmb" th:text="'￥'+${#numbers.formatDecimal(trade.totalAmount,1,'COMMA',2,'POINT')}"></span>
        </p>
        <p class="qian_y">
            <span>运费： </span>
            <span class="rmb" id="fareEle"> &nbsp ￥0.00</span>
        </p>
        <p class="qian_y">
            <span>促销价减免：</span>
            <span class="rmb">  -￥[[${#numbers.formatDecimal(trade.totalPromotionAmount,1,'COMMA',2,'POINT')}]]</span>
        </p>
        <p class="qian_y">
            <span>会员阶梯价： </span>
            <span class="rmb"> &nbsp -￥[[${#numbers.formatDecimal(trade.totalMemberTieredPrice,1,'COMMA',2,'POINT')}]]</span>
        </p>
        <p class="qian_y">
            <span>满减优惠： </span>
            <span class="rmb"> &nbsp -￥[[${#numbers.formatDecimal(trade.totalFullDiscount,1,'COMMA',2,'POINT')}]]</span>
        </p>
    </div>

    <div class="yfze">
        <p class="yfze_a"><span class="z">应付总额：</span>
            <span class="hq" id="payPriceEle"
                  th:text="'￥'+${#numbers.formatDecimal(trade.totalPricePayable,1,'COMMA',2,'POINT')}">￥28.90</span>
        </p>
        <p class="yfze_b">寄送至： <span id="recieveAddressEle"></span> 收货人：<span id="recieverEle"></span></p>
    </div>
    <form action="http://order.gulimall.com/submitOrder" method="post">
    <input id="addrIdInput" type="hidden" name="addrId">
        <input id="payPriceInput" type="hidden" name="payPrice">
        <input type="hidden" name="orderToken" th:value="${trade.orderToken}"/>
        <input type="hidden" name="" th:value="${trade.orderToken}"/>
        <button class="tijiao"  type="submit">提交订单</button>
    </form>
</div>

<div class="headera">
    <div class="Logo-tu">
        <span><img src="/static/order/trade/img/service_items_1.png"/></span>
        <span><img src="/static/order/trade/img/service_items_2.png"/></span>
        <span><img src="/static/order/trade/img/service_items_3.png"/></span>
        <span><img src="/static/order/trade/img/service_items_4.png"/></span>
    </div>
    <div class="table">
        <dl>
            <dt><a href="/static/order/trade/##">购物指南</a></dt>
            <dd>
                <a href="/static/order/trade/##">购物流程</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">会员介绍</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">生活旅行/团购</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">常见问题</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">大家电</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">练习客服</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="/static/order/trade/##">配送方式</a></dt>
            <dd>
                <a href="/static/order/trade/##">上门自提</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">211限时达</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">配送服务查询</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##"></a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">海外配送</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/order/trade/##">支付方式</a></dt>
            <dd>
                <a href="/static/order/trade/##">货到付款</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">在线支付</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">分期付款</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">邮局汇款</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">公司转账</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/order/trade/##">售后服务</a></dt>
            <dd>
                <a href="/static/order/trade/##">售后政策</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">价格保护</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">退款说明</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">返修/退换货</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">取消订单</a>
            </dd>
            <dd></dd>
        </dl>
        <dl class="dls">
            <dt><a href="/static/order/trade/##">特色服务</a></dt>
            <dd>
                <a href="/static/order/trade/##">夺宝岛</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">DIY装机</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">延保服务</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">谷粒学院E卡</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">谷粒学院通信</a>
            </dd>
            <dd>
                <a href="/static/order/trade/##">谷粒学院gulimall+</a>
            </dd>
        </dl>
    </div>
    <div class="guanyuwomen">
        <ul>
            <li>
                <a href="/static/order/trade/##">关于我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">联系我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">联系客服</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">合作招商</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">商家帮助</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">营销中心</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">手机谷粒学院</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">友情链接</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">销售联盟</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">谷粒学院社区</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">风险检测</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">隐私政策</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">谷粒学院公益</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">English Site</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/trade/##">Mdeila $ IR</a>
            </li>
        </ul>
    </div>
    <p class="p1">
        <a href="/static/order/trade/##"> 京公网安备 11000002000088号</a>|
        <a href="/static/order/trade/##"> 京ICP证070359号</a>|
        <a href="/static/order/trade/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
        <a href="/static/order/trade/##">新出发京零 字第大120007号</a>
    </p>
    <p class="p1">
        <a href="/static/order/trade/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
        <a href="/static/order/trade/##"> 出版物经营许可证</a>|
        <a href="/static/order/trade/##"> 网络文化经营许可证京网文 </a>|
        <a href="/static/order/trade/##">[2014]2148-348号 </a>|
        <a href="/static/order/trade/##"> 违法和不良信息举报电话 </a>|
        <a href="/static/order/trade/##">：4006561155 </a>
    </p>
    <p class="p1">
        <a href="/static/order/trade/##"> Copyright © 2004-2017 谷粒学院gulimall.com 版权所有</a>|
        <a href="/static/order/trade/##"> 消费者维权热线：4006067733 经营证照</a>|
    </p>
    <p class="p1">
        <a href="/static/order/trade/##"> 谷粒学院旗下网站：谷粒学院支付</a>|
        <a href="/static/order/trade/##"> 谷粒学院云</a>
    </p>
    <p class="p3">
        <img src="/static/order/trade/img/54b8871eNa9a7067e.png"/>
        <img src="/static/order/trade/img/54b8872dNe37a9860.png"/>
        <img src="/static/order/trade/img/54b8875fNad1e0c4c.png"/>
        <img src="/static/order/trade/img/5698dc03N23f2e3b8.jpg"/>
        <img src="/static/order/trade/img/5698dc16Nb2ab99df.jpg"/>
        <img src="/static/order/trade/img/56a89b8fNfbaade9a.jpg"/>
    </p>
</div>
<script>
    $(document).ready(function () {
        $('.header-right li:nth-of-type(6)').hover(function () {
            $('.header-r-11').css('display', 'block')
        }, function () {
            $('.header-r-11').css('display', 'none')
        })
        $('.header-right li:nth-of-type(12)').hover(function () {
            $('.header-r-2').css('display', 'block')
        }, function () {
            $('.header-r-2').css('display', 'none')
        })
        $('.header-right li:nth-of-type(14)').hover(function () {
            $('.header-r-3').css('display', 'block')
        }, function () {
            $('.header-r-3').css('display', 'none')
        })
        $('.header-l-2').hover(function () {
            $('.header-l-d').css('display', 'block')
        }, function () {
            $('.header-l-d').css('display', 'none')
        })
        $('.header-r-4').hover(function () {
            $('.h-r-1').css('display', 'block')
        }, function () {
            $('.h-r-1').css('display', 'none')
        })
        highlight();
        getFare($(".addr-item p[def='1']").attr("addrId"));
    })

    function highlight() {
        $(".addr-item p").css({"border": "2px solid gray"})
        $(".addr-item p[def='1']").css({"border": "2px solid red"})
    }

    $(".addr-item p").click(function () {
        $(".addr-item p").attr("def", "0");
        $(this).attr("def", "1");
        highlight();
        let addrId = $(this).attr("addrId")
        getFare(addrId)
    });


    function toMoney(num) {
        num = num.toFixed(2);
        num = parseFloat(num)
        num = num.toLocaleString();
        return num;//返回的是字符串23,245.12保留2位小数
    }

    function getFare(addrId) {
        $("#addrIdInput").val(addrId)
        $.get("http://gulimall.com/api/ware/wareinfo/fare?addrId=" + addrId, function (resp) {
            console.log(resp);
            $("#fareEle").text('￥' + toMoney(resp.data.fare));
            let total = [[${trade.totalPricePayable}]];
            let payPrice = total * 1 + resp.data.fare * 1;
            $("#payPriceEle").text('￥' + toMoney(payPrice))
            $("#payPriceInput").val(payPrice);
            //设置收货人信息
            $("#recieveAddressEle").text(resp.data.address.province + " " + resp.data.address.detailAddress);
            $("#recieverEle").text(resp.data.address.name);
        })
    }
</script>
</body>

</html>